<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vue/vue.js" charset="utf-8"></script>
</head>
<body>

<div id="app">

    <aaa></aaa>
</div>

<script>

    //定义了一个组件
    var aa =Vue.extend({
        data(){
            return{
                ms:'我是一个数据'
            }
        },//如果要在组件里面绑定数据 ，  data必须是一个方法  且有一个返回值 且是对象(json)
        template:'<h3 @click="change">{{ms}}</h3>',
        methods:{
            change(){
                this.ms='chage'

            }
        }
    })
    //调用组件
    Vue.component('aaa',aa);   //这是一个全局组件


    new Vue({
        el:'#app',
        data:{
            msg:"asdasd",
        }
    })
</script>

</body>
</html>